---
title: Filters
description: Filter components for web applications built with Tailwind CSS v4. These responsive, customizable UI filters help users sort, search, and refine content. Ideal for ecommerce, dashboards, data tables, and search results. Optimized for accessibility, SEO, and mobile usability.
category: application
emoji: 🎛️
slug: filters
wrapper: h-[400px]
terms:
  - form
  - input
  - search
  - sort
components:
  - { title: 'Dropdown', dark: true, plugins: ['@tailwindcss/forms'] }
  - { title: 'Accordion', dark: true, plugins: ['@tailwindcss/forms'] }
---

import CollectionHeader from '../../../components/CollectionHeader.astro'

<CollectionHeader>
  # Filter Components

  <p>{frontmatter.description}</p>
</CollectionHeader>
